<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<%@ page import="org.springframework.security.core.context.SecurityContextHolder" %>
<%@ page import="br.com.educa.modelo.security.Usuario"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Educa - Sistema de Gerenciamento para Colégios Militares</title>
		<script type="text/javascript" src="tela/caixa/movimentacoesCaixa.js" ></script>
		<link rel="stylesheet" type="text/css" href="tela/caixa/movimentacoesCaixa.css" ></link>
	</head>
	<body>

			<!-- FORMULARIO -->
<!-- 			<div id="subtitulo"><h3 class="ui-widget-header">Institucionalização de Disciplinas</h3></div> -->
			<div id="formWrapper" class="centered" style="height: 500px;">
				<form id="transferenciaCaixa" action="#" onSubmit="return false;" method="post">
					<ul class="controls">
					
					    <li style="width: 65%;"><label>Usuario:</label>
                  			<input type="hidden" name="id" id="id" />
                  			<input type="hidden" name="version" id="version" />
                            <input type="text" id="usuarioNome" name="usuario[nome]" class="field" style="width: 99%;" readonly="readonly" value="<% try{ out.print(((Usuario) SecurityContextHolder.getContext().getAuthentication().getPrincipal()).getPessoa().getNome()); }catch(Exception e){}%>">
                  			<input type="hidden" name="usuario[id]" id="usuario" value="<% try{ out.print(((Usuario) SecurityContextHolder.getContext().getAuthentication().getPrincipal()).getId()); }catch(Exception e){}%>"/>
                  		</li>
                  		
                  		<li style="width: 30%;">
                  			<label>Caixa:</label>
                  			<input type="text" name="conta[descricao]" id="contaDescricao" class="field" readonly="readonly" style="width: 99%;" value="<% try{ out.print(((Usuario) SecurityContextHolder.getContext().getAuthentication().getPrincipal()).getContaPadrao().getDescricao()); }catch(Exception e){}%>"/>
                  			<input type="hidden" name="conta[id]" id="conta"  value="<% try{ out.print(((Usuario) SecurityContextHolder.getContext().getAuthentication().getPrincipal()).getContaPadrao().getId()); }catch(Exception e){}%>" />
						</li>
					
						<li style="width: 60%;">
							<label>Caixa Destino:</label>
							<select name="contaCredito[conta][id]" id="contaCredito" class="field validate[required]" style="width: 100%;"></select>					
						</li>
						<li style="width: 10%;">
							<label>Abertura</label>
							<input name="aberturaData" id="aberturaData" style="width: 99%" readonly="readonly">
						</li>
						<li style="width: 10%;">
							<label>Conta</label>
							<input name="contaCodigo" id="contaCodigo" style="width: 99%;" readonly="readonly" />
						</li>
					
					
					
					
<!-- 						<li style="width: 99%;"><input type="hidden" id="id" name="caixa[id]" value="0"/></li> -->


                  		<li style="width: 15%;">
                  			<label>Abertura:</label><input type="text" name="dataAbertura" id="dataAbertura" class="field" style="width: 78%;"/>
						</li>
						<li style="width: 15%;">
                  			<label>Saldo Abertura:</label><input type="text" name="valorAbertura" id="valorAbertura" class="field" style="width: 99%;" />
						</li>
						<li style="width: 10%;">
							<button type="button" class="headerTextBtn" id="btnAbrirCaixa" onclick="openCaixa();" >Abrir</button>
						</li>
						<li style="width: 10%;"></li>
                  		<li style="width: 15%;">
                  			<label>Fechamento:</label><input type="text" name="dataFechamento" id="dataFechamento" class="field" style="width: 78%;"/>
						</li>
						<li style="width: 15%;">
                  			<label>Saldo Fechamento:</label><input type="text" name="valorFechamento" id="valorFechamento" readonly="readonly" class="field" style="width: 99%;" />
						</li>
						<li style="width: 10%; text-align: center;">
							<button type="button" class="headerTextBtn" id="btnFecharCaixa" onclick="closeCaixa();" >Fechar</button>	
						</li>
						<!-- Lançamentos do aluno -->
						<li style="width: 98%;">
							<label style="width: 100%; text-align: center; font-style: oblique;">Movimentação do Caixa</label>
							<table cellspacing="0" class="display" cellpadding="0" border="0" id="movimentacoesDataGrid"></table>
						</li>					

						<li style="width: 98%; text-align: center;">
							<button type="button" class="headerTextBtn" id="btnAnterior" onclick="" >Caixas Anteriores</button>
							<button type="button" class="headerTextBtn" id="btnRelatorio" onclick="" >Relatório</button>
							<button type="button" class="headerTextBtn" id="btnAtualizar" onclick="carregaLancamentos();" >Atualizar Caixa</button>	
						</li>
												
                    </ul>
				</form>
			</div>
		
<!-- 		<!-- MODAL POPUP -->
		<div id="modalPopup" title=" ">
			<span id="dialogMessage" ></span>
		</div>
	
	</body>
</html>
	
